<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="../css/style.css" />
		<title>Document</title>
	</head>
	<body>
		<!-- 顶部开始 -->
		<div class="top">
			<div class="container top-nav">
				<!-- img, ul 都是左浮动 -->
				<img src="../img/logo.png" alt="" class="logo" />
				<ul>
					<li><a class="active" href="#">首页</a></li>
					<li><a href="#">求职</a></li>
					<li><a href="#">扫码登录</a></li>
					<li><a href="#">道具兑换</a></li>
				</ul>
				<!-- 下边三个, 都是右浮动 -->
				<div class="iphone"><a href="#">iPhone</a></div>
				<div class="iphone-logo"></div>
				<div class="line"></div>
				<div class="android"><a href="#">Android</a></div>
				<div class="android-logo"></div>
			</div>
		</div>
		<!-- 顶部结束 -->
		<!-- banner图开始 -->
		<div class="banner">
			<p class="title">BOSS直聘新闻和数据实时跟踪</p>
			<div class="button">媒体合作</div>
		</div>
		<!-- banner图结束 -->
		<!-- 主体内容区开始 -->
		<div class="body">
			<!-- 版心内容区开始 -->
			<div class="container container-top">
				<div class="item">
					<div class="item-top">
						<div class="green-line fl"></div>
						<div class="top-title fl">数据报告</div>
						<div class="top-button fr active"><a href="#">more</a></div>
					</div>
					<div class="img-area"></div>
					<div class="title-area">据说为了吸引年轻人, 苹果正在开发一款类似Snapchat</div>
					<a class="detail-area"> 查看详情 </a>
				</div>
				<div class="hight-line"></div>
				<div class="item">
					<div class="item-top">
						<div class="green-line fl"></div>
						<div class="top-title fl">数据报告</div>
						<div class="top-button fr"><a href="#">more</a></div>
					</div>
					<div class="img-area"></div>
					<div class="title-area">据说为了吸引年轻人, 苹果正在开发一款类似Snapchat</div>
					<a class="detail-area"> 查看详情 </a>
				</div>
				<div class="hight-line"></div>
				<div class="item">
					<div class="item-top">
						<div class="green-line fl"></div>
						<div class="top-title fl">数据报告</div>
						<div class="top-button fr"><a href="#">more</a></div>
					</div>
					<div class="img-area"></div>
					<div class="title-area">据说为了吸引年轻人, 苹果正在开发一款类似Snapchat</div>
					<a class="detail-area"> 查看详情 </a>
				</div>
				<!-- <div class="item"></div>
				<div class="item"></div> -->
			</div>
			<div class="container container-middle">
				<div class="item">
					<div class="left">
						<img src="../img/人和VR眼镜.png" alt="" />
						<img class="tag" src="../img/新闻报道.png" alt="" />
					</div>
					<div class="right">
						<div class="title">除了身临其境的体验，VR购物还有哪些玩法</div>
						<div class="content">
							你没有强大的物流系统，进销存系统没有的话，价格上面你根本没优势.屈臣氏现在大部分是国货，进口商品也是代理的，占整个品类的15%左右发个品类的15%左右发个品类的15%左右发展直销，也意味套完善的机制，比如CRM，sop等可复制的吗？...
						</div>
						<div class="read-all">
							<a href="#">查看全文</a>
						</div>
						<div class="item-footer">
							<div class="item-left fl"><a href="#">尝濛</a> · 2小时前</div>
							<div class="tag fl">
								<img class="tag" src="../img/书签.png" alt="" />
							</div>
							<div class="item-right fl">交通出行 大公司</div>
						</div>
					</div>
				</div>
				<div class="hr line1"></div>
				<div class="item">
					<div class="left">
						<img src="../img/人和VR眼镜.png" alt="" />
						<img class="tag" src="../img/新闻报道.png" alt="" />
					</div>
					<div class="right">
						<div class="title">除了身临其境的体验，VR购物还有哪些玩法</div>
						<div class="content">
							你没有强大的物流系统，进销存系统没有的话，价格上面你根本没优势.屈臣氏现在大部分是国货，进口商品也是代理的，占整个品类的15%左右发个品类的15%左右发个品类的15%左右发展直销，也意味套完善的机制，比如CRM，sop等可复制的吗？...
						</div>
						<div class="read-all">
							<a href="#">查看全文</a>
						</div>
						<div class="item-footer">
							<div class="item-left fl"><a href="#">尝濛</a> · 2小时前</div>
							<div class="tag fl">
								<img class="tag" src="../img/书签.png" alt="" />
							</div>
							<div class="item-right fl">交通出行 大公司</div>
						</div>
					</div>
				</div>
				<div class="hr line2"></div>
				<div class="item">
					<div class="left">
						<img src="../img/人和VR眼镜.png" alt="" />
						<img class="tag" src="../img/新闻报道.png" alt="" />
					</div>
					<div class="right">
						<div class="title">除了身临其境的体验，VR购物还有哪些玩法</div>
						<div class="content">
							你没有强大的物流系统，进销存系统没有的话，价格上面你根本没优势.屈臣氏现在大部分是国货，进口商品也是代理的，占整个品类的15%左右发个品类的15%左右发个品类的15%左右发展直销，也意味套完善的机制，比如CRM，sop等可复制的吗？...
						</div>
						<div class="read-all">
							<a href="#">查看全文</a>
						</div>
						<div class="item-footer">
							<div class="item-left fl"><a href="#">尝濛</a> · 2小时前</div>
							<div class="tag fl">
								<img class="tag" src="../img/书签.png" alt="" />
							</div>
							<div class="item-right fl">交通出行 大公司</div>
						</div>
					</div>
				</div>
			</div>
			<div class="container container-bottom">
				<div class="top">
					<div class="fl green-line"></div>
					<div class="fl title">新闻动态</div>
				</div>
				<div class="bottom">
					<div class="left fl">
						<div class="news">
							<img class="fl" src="../img/两个人和矿泉水.png" alt="" />
							<div class="fl title">推动电子商务的第一选择，助力三网融合的首选伙伴！</div>
							<div class="fl content">
								今天的O2O，实际是互联网经济和传济水乳交经济和传济水乳交经济和传济水乳交融，矛盾纠结又沟业经营的角度，我讲讲这些年来这些年来这些年来网经济和传济水乳交融来...
							</div>
						</div>
						<div class="news">
							<img class="fl" src="../img/两个人和矿泉水.png" alt="" />
							<div class="fl title">推动电子商务的第一选择，助力三网融合的首选伙伴！</div>
							<div class="fl content">
								今天的O2O，实际是互联网经济和传济水乳交经济和传济水乳交经济和传济水乳交融，矛盾纠结又沟业经营的角度，我讲讲这些年来这些年来这些年来网经济和传济水乳交融来...
							</div>
						</div>
						<div class="news">
							<img class="fl" src="../img/两个人和矿泉水.png" alt="" />
							<div class="fl title">推动电子商务的第一选择，助力三网融合的首选伙伴！</div>
							<div class="fl content">
								今天的O2O，实际是互联网经济和传济水乳交经济和传济水乳交经济和传济水乳交融，矛盾纠结又沟业经营的角度，我讲讲这些年来这些年来这些年来网经济和传济水乳交融来...
							</div>
						</div>
					</div>
					<div class="right fl">
						<img src="../img/床.com.png" alt="" />
						<div class="img-desc">每日电商独家资讯，企业家电商决策内参</div>
					</div>
				</div>
			</div>
			<!-- 版心内容区结束 -->
		</div>
		<!-- 主体内容区结束 -->
		<!-- 底部区域开始 -->
		<div class="footer">
			<div class="title">
				<a href="#">首页</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">Boss网页版</a
				>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">文章</a
				>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">关于我们</a>
			</div>
			<div class="content">
				Copyright © 2016 kanzhun.com京ICP备14013441号-1 京公网安备11010502027210 <br />
				kanzhun.com.保留所有版权. 使用这些服务遵守用户协议
			</div>
		</div>
		<!-- 底部区域结束 -->
	</body>
</html>
